<template>
	<view>
		<tt-bar title="充值记录" leftIcon="icon-back">
		
		</tt-bar>
		<view class="reflectList">
			<!-- <view class="row">
				<view class="reflectInfo">
					<text class="reflectCount">微信支付</text>
					<text class="reflectCount">￥800.00</text>
				</view>
				<view class="reflectInfo" style="margin-bottom: 0;">
					<text class="reflectTime">2019-12-10 14:48:54</text>
					<text class="payStatus">充值关闭</text>
				</view>
			</view>
			<view class="row">
				<view class="reflectInfo">
					<text class="reflectCount">微信支付</text>
					<text class="reflectCount">￥800.00</text>
				</view>
				<view class="reflectInfo" style="margin-bottom: 0;">
					<text class="reflectTime">2019-12-10 14:48:54</text>
					<text class="payStatus sucess">充值成功</text>
				</view>
			</view> -->
			
		</view>
	</view>
</template>

<script>
	import ttBar from "@/components/ttBar/ttBar.vue";
	export default {
		components: {
			ttBar
		},
		data() {
			return {
				
			};
		},
		onPullDownRefresh() {
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1500)
		}
	}
</script>

<style lang="less">
	page{
		background-color: #f6f6f6;
	}
	.reflectList{
		margin: 20upx;
		display: flex;
		flex-direction: column;
		.row{
			display: flex;
			flex-direction: column;
			background-color: #FFFFFF;
			border-radius: 14upx;
			padding: 30upx 36upx;
			margin-bottom: 20upx;
			.reflectInfo{
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 30upx;
				.reflectCount{
					font-size: 32upx;
					color: #5b5b5b;
				}
				.payStatus{
					font-size: 28upx;
					color: #ff962f;
				}
				.reflectTime{
					font-size: 28upx;
					color: #b3b3b3;
				}
				.sucess{
					color: #3fbf48;
				}
			}
			
		}
		
	}
</style>
